<template>
    <div class="container">
      <div style="height: 10px"></div>
      <view class="all">
        <div style="height: 5vh"></div>
        <div style="width: 90%;margin-left: 5%;display: flex;align-items: center;justify-content: space-between;">
          <div style="display: flex;align-items: center;">
            <image style="width: 50px;height: 50px;" src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/static%2FWechatIMG43.jpg" />
        <!-- <image :src="base+'/profile/farm_photo/2024/06/14/WechatIMG43_20240614152724A028.jpg'" mode=""></image> -->
            <div style="width: 10px;"></div>
            <div class="title">汇君环能数字中心</div>
          </div>
          <div @click="screen">
            <!-- <image
              src="../../static/driver2.png"
              mode="widthFix"
              style="width: 60rpx;height: 60rpx;"
            /> -->
            <div style="color: #fff;">集团大屏</div>
          </div>
        </div>
        <view class="content">
          <div class="card" v-for="item in left" @click="feature">
            <div style="height: 10px"></div>
            <!-- <div class="padding"> -->
                <div class="padding">{{ item.nickName }}</div>
                <div style="height: 10px"></div>
                <u-line color="#255A23"></u-line>
                <div style="height: 10px"></div>
                <div class="padding">
                  <div class="flex">
                  <div>超级管理员：</div>
                  <div>{{ item.userName }}</div>
                </div>
                <div style="height: 10px;"></div>
                <div class="flex">
                  <div>开户时间：</div>
                  <div>{{ item.createTime }}</div>
                </div>
                <div style="height: 10px;"></div>
                <div class="flex">
                  <div>架构类型：</div>
                  <div>XXXXX</div>
                </div>
                <div style="height: 10px;"></div>
                <div class="flex">
                  <div>系统状态：</div>
                  <div>运行中</div>
                </div>
                </div>
              <div style="height: 10px"></div>
            <!-- </div> -->
          </div>
          <div style="height: 3vh"></div>
          
        </view>
      </view>
    </div>
  </template>
  <script>
  import { LeaderLogList } from '../api/api.js';
  export default {
    data() {
      return {
        navIndex: 0,
       left:[],
        flag: true,
      };
    },
    methods: {
      checkIndex(index) {
        this.navIndex = index;
      },
      toggleFlag() {
        this.flag = !this.flag;
      },
      feature(){
        uni.navigateTo({ url: '/pagesPlant/index/feature' })
      },
      screen(){
        uni.navigateTo({ url: '/pagesScreen/index/pagesPlantScreen1' })
      },
      getList(){
        LeaderLogList().then(res=>{
          console.log(res.data,'list');
          this.left = res.data.data;
        })
      }
      //   taskDetail(){
      //       uni.navigateTo({ url: '/pagesDriver/system/questDetail' })
      //   }
    },
    onLoad() {},
    onShow(){
      this.getList();
    }
  };
  </script>
  <style lang="scss">
  .container {
    height: 100vh;
    width: 100vw;
    background: #e3ede2;
    color: #000000;
    overflow-y: scroll;
    background-image:url('https://28-1325662301.cos.ap-shanghai.myqcloud.com/static%2F9aa71ba9f8cbfe729c6625403584d6b.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .head-nav {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .activite {
    border-bottom: 2px solid #1a512c;
  }
  .card {
    width: 90%;
    margin-left: 5%;
    background: #fff;
    border-radius: 10px;
    margin-top: 10px;
    background: #86BC92;
  }
  .padding {
    width: 90%;
    margin-left: 5%;
  }
  .alls {
    width: 90%;
    margin-left: 5%;
  }
  .date {
    font-size: 12px;
    color: #8e8e8e;
    font-weight: 400;
  }
  .name {
    font-size: 16px;
    color: #1a512c;
    font-weight: 500;
  }
  .title {
    font-size: 14px;
    color: #1a512c;
    font-weight: 700;
  }
  .contents {
    font-size: 12px;
    color: #2a4533;
    letter-spacing: 3px;
    font-weight: 400s;
  }
  .topFlex {
    display: flex;
    align-items: center;
  }
  .topFlex image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .btn {
    display: flex;
    align-items: center;
    background: #1b9c46;
    color: #fff;
    border-radius: 7px;
    height: 60rpx;
    justify-content: center;
    position: absolute;
    width: 100px;
    z-index: 9999;
    bottom: 10%;
    right: 10px;
  }
  .btnRound {
    width: 90%;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
  }
  .form-flex {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .borders {
    border: 1px solid #1a512c;
    border-radius: 5px;
    text-align: center;
    width: 70%;
  }
  .footer{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  .button-footer{
      width: 48%;
      height: 50px;
      background: #46A164;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      font-weight: 500;
      border-radius: 10px;
  }
  .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .title{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
  }
  </style>
  